<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <router-view/>

  </div>
</template>

<script>
  export default {
    name: "App"
  };
</script>

<style lang="less">
  html,
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
  }

  a {
    text-decoration: none;
    out-line: none;
  }

  #app {
    width: 100%;
    height: 100%;
  }

  .el-select {
    width: 100%;
  }

  .form-button {
    display: flex;
    justify-content: flex-end;
  }

  .role-manage-right-bottom .el-input-group__append, .el-input-group__prepend {
    width: 60%;
  }

  .subBtn {
    width: 100%;
    background-color: #5cc1cf;
    border-color: #5cc1cf;
    color: #fff;

    &:hover {
      background-color: #5cc1cf;
      border-color: #5cc1cf;
      color: #fff;
    }
  }


  .role-manage-table .el-table td {
    height: 0.53rem;
  }

  .role-priv-alloce-table .el-table td {
    height: 0.53rem;
  }

  .el-scroll {
    height: 100%;
  }

  // element滚动条
  .el-scrollbar .el-scrollbar__wrap {
    overflow-x: hidden;
    /*height: 100% !important;*/
  }


  .left-menu .el-menu-vertical-demo {
    background-color: #1a243e;
  }

  // tabs 选项卡

  .el-tabs--border-card {
    height: 100%;
    border: none;

    & > .el-tabs__content {
      padding: 0;
    }
  }

  // 上传
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }

  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }

  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
  }

  .avatar {
    width: 0.5rem;
    height: 0.5rem;
    display: block;
  }

  // 所有的下拉选项框
  .el-select-dropdown__list {
    padding: 6px 0 22px 0;
  }

  // 模态框
  .el-dialog {
    margin: 0;
    margin-top: 0 !important;
    left: 70%;
    /*height: -webkit-fill-available;*/
    /*height: -moz-fill-available;*/
    /*height: -moz-available; !*firefox暂时只支持这个*!*/
    /*height: fill-available;*/
    /*height: 100%;*/
  }

  // tabs选项的
  .el-tabs--border-card {
    border: 1px solid #DCDFE6;
    box-shadow: none;
    box-sizing: border-box;
  }

  // table 嵌套
  .el-table__expanded-cell[class*=cell] {
    padding: 0 0 0 47px;
  }
</style>
